﻿.productResults #loadWaitPlaceholderOverlay.forceShow, .productResults #loadWaitPlaceholderMessage.forceShow{
	display:block;
}

.productResults #loadWaitPlaceholderOverlay{
	display:none;
	position:absolute; 
	width:100%; 
	height:100%; 
	opacity:0.4; 
	filter:alpha(opacity=40); 
	background-color:#404142; 
	z-index:2000;
}

.productResults #loadWaitPlaceholderMessage{
	display:none;
	position:absolute;
	width:100%; 
	padding:75px 0px 75px 0px; 
	z-index:20001; 
	text-align:center; 
	background-color:gray; 
}

.productResults #loadWaitPlaceholderMessage h2{
	color:white !important;
}

.productResults #ResultHeader{
	width:100%;
}

.productResults .actions-container{
    border: 1px solid gray;
    line-height:35px;
	vertical-align:middle;
}


.productResults #view-controls
{
	height:30px;
}

.productEntry
{
    float:left;
    clear:none;
    border-bottom:1px solid #D59596;
    position:relative;
    max-width:20%;
    width:20%;
}

.threeColumnSearchPage .productEntry{
    max-width:33%;
    width:33%;
}

/*div.productEntry:nth-child(5n) .productItem {border-right:none;}
div.productEntry:nth-child(4n) .productItem {border-right:dotted 2px #D4a1a0;}*/

div.productEntry:nth-child(5n) .productItem 
{
    border-right:none;

}


.threeColumnSearchPage div.productEntry:nth-child(5n) .productItem 
{
    border-right:dotted 2px #D4A1A0;
}

.threeColumnSearchPage div.productEntry:nth-child(3n) .productItem 
{
    border-right:none;
}


div.productItem
{
    border-right:dotted 2px #D4A1A0;
    padding:0 5px;
    overflow:hidden;
    height: 100%;
    box-sizing: border-box;
}

.productItem a
{
	color:black;
}

.productItem > div:first-child
{
    position:relative;
}


div.itemHeader
{
    background-color:white;
	text-align:center;
}

.productImage
{
    height:130px;
    width:100px;
}

.specialIcon
{
    width:100%;
    position:absolute;
    top:0;
    padding:0;
    margin:0;
}

.specialIcon img
{
    width:20px;
    height:20px;
    float:right;
    clear:right;
}

.specialIcon img:nth-child(2n){
    float:left;
    clear:left;
}

.madeInAlbertaIcon {
    width:100%;
    position:absolute;
    top:-3px;
    left: -3px;
    padding:0;
    margin:0;
    text-align: left;
}

.madeInAlbertaIcon img {
    width: 35px;
    height: 35px;
}

.madeInAlbertaIcon + .specialIcon img:nth-child(2n) {
    float: right;
    clear: right;
}

.productInStock, .productOutOfStock
{
	padding:5px 0 3px 0;
    background-color:#27ae60;
	color:white;
	font-weight:bold;
	text-align:center;
}

.productOutOfStock
{
	background-color:#e67e22;
}

.productName
{
    font-weight:bold;
    text-transform:capitalize;
    margin:10px 0 0;
}

div.productName a 
{
    color:#41403A!important; 
    font-size:16px; 
    line-height:18px;
}

div.productName a:hover {
    text-decoration:none; color:#41403A; cursor:pointer;
}

.sponsoredHeader
{
    font-weight:bold; 
    margin-top:5px;
    color:#87A694;
    text-align:center;
    font-size:1.2em;
}

div.productDetailLine {
    font-family: "roboto", sans-serif;
    line-height: 16px;
    font-size: 11px;
    text-transform: uppercase;
    margin-top:5px;
}

div.productItem div.productDetailLine + div.productDetailLine + div.productDetailLine {
    text-transform: lowercase;
}


div.productItem input.addToOrder
{
    background-color:#095787;
	background-image: url("/_layouts/15/iomer.LC.Design/styles/images/i_white-circle-plus.png"); 
	background-repeat:no-repeat; 
	background-position:85% center;
    color:white;
	border:0; 
    border-radius:5px;
    font-weight:bold;
    width:100%;
    padding-bottom:15px;
	padding-right:35px; 
    margin:0;
	position:absolute;
	bottom:0;
    box-sizing:border-box;
}

div.productDetailLine.costSection{
    margin-top:15px;
}

input.addToOrder
{
    display:none;
}

.addToOrderContainer
{
	display:none;
	padding-top:10px;
}

.addToOrderContainer input
{
    width:75px;
	margin-top:10px;
	margin-bottom:10px;
}

.addToOrderContainer label
{
    width:40px;
}

.productEntry {
    height: 400px;
    box-sizing: border-box;
    padding-top: 11px;
    padding-bottom: 11px;
}

.user-is-consumer .productEntry {
    height: 425px;
}

.user-is-agent .productEntry, .user-is-siteadmin .productEntry {
    height: 500px;
}

.user-is-licensee .productEntry {
    height: 585px;
}

.user-is-licensee .productEntry div.productItem {
    overflow: auto;
}

/* framing settings */
@media screen and (max-width: 1024px) {
	
}

@media screen and (max-width: 768px) {
}
@media screen and (max-width: 640px) {
}

 /*@media screen and (max-width: 1038px) {
	div.productEntry, .threeColumnSearchPage .productEntry  { max-width:20%; width:20%; }
    div.productEntry:nth-child(5n) .productItem , .threeColumnSearchPage div.productEntry:nth-child(5n) .productItem { border-right:none; }
    div.productEntry:nth-child(3n) .productItem , .threeColumnSearchPage div.productEntry:nth-child(3n) .productItem { border-right:dotted 2px #D4A1A0; }
 }*/

 @media screen and (max-width: 768px) {
	div.productEntry, .threeColumnSearchPage .productEntry  { max-width:33%; width:33%; }
    div.productEntry:nth-child(5n) .productItem, .threeColumnSearchPage div.productEntry:nth-child(5n) .productItem { border-right:dotted 2px #D4A1A0; }
}

  @media screen and (max-width: 768px) and (min-width: 521px) {
    div.productEntry:nth-child(3n) .productItem , .threeColumnSearchPage div.productEntry:nth-child(3n) .productItem { border-right:none; }
}
 
/*fix for landscape on large phone */
@media screen and (max-width: 520px) {
    div.productEntry, .threeColumnSearchPage .productEntry  { max-width:33%; width:33%; }
    div.productEntry:nth-child(5n) .productItem, .threeColumnSearchPage  div.productEntry:nth-child(5n) .productItem { border-right:dotted 2px #D4A1A0; }
}

@media screen and (min-width: 421px) and (max-width: 520px) {
    div.productEntry:nth-child(3n) .productItem, .threeColumnSearchPage  div.productEntry:nth-child(3n) .productItem { border-right:none; }
}

/* portrait on phones, landscape on smaller phones */
@media screen and (max-width: 420px) {
    div.productEntry, .threeColumnSearchPage .productEntry {
        max-width: 50%;
        width: 50%;
    }

        div.productEntry:nth-child(2n) .productItem {
            border-right: none !important;
        }
}